﻿@model Admin.Models.ViewModel
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <!-- Title and other stuffs -->
    <title>Tables - MacAdmin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <!-- Stylesheets -->
    <link href="@Url.Content("~/content/style/bootstrap.css")" rel="stylesheet">
    <!-- Font awesome icon -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/font-awesome.css")">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/jquery-ui.css")">
    <!-- Calendar -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/fullcalendar.css")">
    <!-- prettyPhoto -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/prettyPhoto.css")">
    <!-- Star rating -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/rateit.css")">
    <!-- Date picker -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/bootstrap-datetimepicker.min.css")">
    <!-- CLEditor -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/jquery.cleditor.css")">
    <!-- Bootstrap toggle -->
    <link rel="stylesheet" href="@Url.Content("~/content/style/bootstrap-switch.css")">
    <!-- Main stylesheet -->
    <link href="@Url.Content("~/content/style/style.css")" rel="stylesheet">
    <!-- Widgets stylesheet -->
    <link href="@Url.Content("~/content/style/widgets.css")" rel="stylesheet">
    <!-- HTML5 Support for IE -->
    <!--[if lt IE 9]>
    <script src="@Url.Content("~/content/js/html5shim.js")"></script>
    <![endif]-->
    <!-- Favicon -->
    <link rel="shortcut icon" href="@Url.Content("~/content/img/favicon/favicon.png")">
</head>
<body>
    <div class="navbar navbar-fixed-top bs-docs-nav" role="banner">
        <div class="conjtainer">
            <!-- Menu button for smallar screens -->
            <div class="navbar-header">
                <button class="navbar-toggle btn-navbar" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                    <span>Menu</span>
                </button>
                <!-- Site name for smallar screens -->
                <a href="index-2.html" class="navbar-brand hidden-lg">MacBeth</a>
            </div>
            <!-- Navigation starts -->
            <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
                <ul class="nav navbar-nav">
                    <!-- Upload to server link. Class "dropdown-big" creates big dropdown -->
                    <li class="dropdown dropdown-big"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="label label-success"><i class="icon-cloud-upload"></i></span>Upload
                        to Cloud</a>
                        <!-- Dropdown -->
                        <ul class="dropdown-menu">
                            <li>
                                <!-- Progress bar -->
                                <p>
                                    Photo Upload in Progress</p>
                                <!-- Bootstrap progress bar -->
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40"
                                        aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                        <span class="sr-only">40% Complete</span>
                                    </div>
                                </div>
                                <hr />
                                <!-- Progress bar -->
                                <p>
                                    Video Upload in Progress</p>
                                <!-- Bootstrap progress bar -->
                                <div class="progress progress-striped active">
                                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="80"
                                        aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                        <span class="sr-only">80% Complete</span>
                                    </div>
                                </div>
                                <hr />
                                <!-- Dropdown menu footer -->
                                <div class="drop-foot">
                                    <a href="#">View All</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <!-- Sync to server link -->
                    <li class="dropdown dropdown-big"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="label label-danger"><i class="icon-refresh"></i></span>Sync with Server</a>
                        <!-- Dropdown -->
                        <ul class="dropdown-menu">
                            <li>
                                <!-- Using "icon-spin" class to rotate icon. -->
                                <p>
                                    <span class="label label-info"><i class="icon-cloud"></i></span><a href="@Url.Action("regenerate", "company")">
                                        Re generate data</a></p>
                                <hr />
                                <p>
                                    <span class="label label-warning"><i class="icon-cloud"></i></span>Drop all data
                                </p>
                                <hr />
                                <!-- Dropdown menu footer -->
                                <div class="drop-foot">
                                    <a href="#">View All</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!-- Search form -->
                <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                </form>
                <!-- Links -->
                <ul class="nav navbar-nav pull-right">
                    <li class="dropdown pull-right"><a data-toggle="dropdown" class="dropdown-toggle"
                        href="#"><i class="icon-user"></i>Admin <b class="caret"></b></a>
                        <!-- Dropdown menu -->
                        <ul class="dropdown-menu">
                            <li><a href="#"><i class="icon-user"></i>Profile</a></li>
                            <li><a href="#"><i class="icon-cogs"></i>Settings</a></li>
                            <li><a href="login.html"><i class="icon-off"></i>Logout</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
    <!-- Header starts -->
    <header>
        <div class="container">
            <div class="row">
                <!-- Logo section -->
                <div class="col-md-4">
                    <!-- Logo. -->
                    <div class="logo">
                        <h1>
                            <a href="#">Mac<span class="bold">Admin</span></a></h1>
                        <p class="meta">
                            something goes in meta area</p>
                    </div>
                    <!-- Logo ends -->
                </div>
                <!-- Button section -->
                <div class="col-md-4">
                    <!-- Buttons -->
                    <ul class="nav nav-pills">
                        @if (Model.PageType == Admin.Infra.Enums.AdminPages.PageList)
                        {
                            <!-- Comment button with number of latest comments count -->
                            <li class="dropdown dropdown-big"><a data-action="ProcessPages" class="dropdown-toggle"
                                href="#" data-toggle="dropdown"><i class="icon-comments"></i>Process Pages <span
                                    data-pagecount="" class="label label-info">0</span> </a></li>
                        }
                        @if (Model.PageType == Admin.Infra.Enums.AdminPages.CompanyList)
                        {
                            <li class="dropdown dropdown-big">
                               <a href="#createcompany" class="btn btn-info" data-toggle="modal">Create</a>
                            </li>
                        }
                        @if (Model.PageType == Admin.Infra.Enums.AdminPages.VersionList)
                        {
                            <li class="dropdown dropdown-big">
                               <a href="#createversion" class="btn btn-info" data-toggle="modal">Create Version</a>
                            </li>
                        }
                        <!-- Message button with number of latest messages count-->
                        @*<li class="dropdown dropdown-big"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-envelope-alt"></i>Inbox <span class="label label-primary">6</span>
                        </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <!-- Heading - h5 -->
                                    <h5>
                                        <i class="icon-envelope-alt"></i>Messages</h5>
                                    <!-- Use hr tag to add border -->
                                    <hr />
                                </li>
                                <li>
                                    <!-- List item heading h6 -->
                                    <h6>
                                        <a href="#">Hello how are you?</a></h6>
                                    <!-- List item para -->
                                    <p>
                                        Quisque eu consectetur erat eget semper...</p>
                                    <hr />
                                </li>
                                <li>
                                    <h6>
                                        <a href="#">Today is wonderful?</a></h6>
                                    <p>
                                        Quisque eu consectetur erat eget semper...</p>
                                    <hr />
                                </li>
                                <li>
                                    <div class="drop-foot">
                                        <a href="#">View All</a>
                                    </div>
                                </li>
                            </ul>
                        </li>*@
                        <!-- Members button with number of latest members count -->
                        @* <li class="dropdown dropdown-big"><a class="dropdown-toggle" href="#" data-toggle="dropdown">
                            <i class="icon-user"></i>Users <span class="label label-success">6</span> </a>
                            <ul class="dropdown-menu">
                                <li>
                                    <!-- Heading - h5 -->
                                    <h5>
                                        <i class="icon-user"></i>Users</h5>
                                    <!-- Use hr tag to add border -->
                                    <hr />
                                </li>
                                <li>
                                    <!-- List item heading h6-->
                                    <h6>
                                        <a href="#">Ravi Kumar</a> <span class="label label-warning pull-right">Free</span></h6>
                                    <div class="clearfix">
                                    </div>
                                    <hr />
                                </li>
                                <li>
                                    <h6>
                                        <a href="#">Balaji</a> <span class="label label-important pull-right">Premium</span></h6>
                                    <div class="clearfix">
                                    </div>
                                    <hr />
                                </li>
                                <li>
                                    <h6>
                                        <a href="#">Kumarasamy</a> <span class="label label-warning pull-right">Free</span></h6>
                                    <div class="clearfix">
                                    </div>
                                    <hr />
                                </li>
                                <li>
                                    <div class="drop-foot">
                                        <a href="#">View All</a>
                                    </div>
                                </li>
                            </ul>
                        </li>*@
                    </ul>
                </div>
                <!-- Data section -->
                <div class="col-md-4">
                    <div class="header-data">
                        <!-- Traffic data -->
                        <div class="hdata">
                            <div class="mcol-left">
                                <!-- Icon with red background -->
                                <i class="icon-signal bred"></i>
                            </div>
                            <div class="mcol-right">
                                <!-- Number of visitors -->
                                <p>
                                    <a href="#">7000</a> <em>visits</em></p>
                            </div>
                            <div class="clearfix">
                            </div>
                        </div>
                        <!-- Members data -->
                        <div class="hdata">
                            <div class="mcol-left">
                                <!-- Icon with blue background -->
                                <i class="icon-user bblue"></i>
                            </div>
                            <div class="mcol-right">
                                <!-- Number of visitors -->
                                <p>
                                    <a href="#">3000</a> <em>users</em></p>
                            </div>
                            <div class="clearfix">
                            </div>
                        </div>
                        <!-- revenue data -->
                        <div class="hdata">
                            <div class="mcol-left">
                                <!-- Icon with green background -->
                                <i class="icon-money bgreen"></i>
                            </div>
                            <div class="mcol-right">
                                <!-- Number of visitors -->
                                <p>
                                    <a href="#">5000</a><em>orders</em></p>
                            </div>
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header ends -->
    <!-- Main content starts -->
    <div class="content">
        <!-- Sidebar -->
        <div class="sidebar">
            <div class="sidebar-dropdown">
                <a href="#">Navigation</a></div>
            <!--- Sidebar navigation -->
            <!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
            <ul id="nav">
                <!-- Main menu with font awesome icon -->
                <li><a href="index-2.html"><i class="icon-home"></i>Dashboard</a>
                    <!-- Sub menu markup
                    <ul>
                      <li><a href="#">Submenu #1</a></li>
                      <li><a href="#">Submenu #2</a></li>
                      <li><a href="#">Submenu #3</a></li>
                    </ul>-->
                </li>
                <li><a href="@Url.Action("index", "company")" class="open"><i class="icon-eye-open">
                </i>View</a></li>
                <li><a href="@Url.Action("version", "company")"><i class="icon-magic"></i>Create Version</a></li>
                <li><a href="@Url.Action("page", "company")"><i class="icon-tasks"></i>Create Page</a></li>
                <li><a href="@Url.Action("plugin", "company")"><i class="icon-bar-chart"></i>Create
                    Plugin</a></li>
                <li><a href="@Url.Action("upload", "company")"><i class="icon-upload"></i>Upload Assets</a></li>
                @* <li class="has_sub">
                    <a href="#"><i class="icon-list-alt"></i>Widgets  <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
                    <ul>
                        <li><a href="widgets1.html">Widgets #1</a></li>
                        <li><a href="widgets2.html">Widgets #2</a></li>
                        <li><a href="widgets3.html">Widgets #3</a></li>
                    </ul>
                </li>
                <li class="has_sub">
                    <a href="#"><i class="icon-file-alt"></i>Pages #1  <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
                    <ul>
                        <li><a href="post.html">Post</a></li>
                        <li><a href="login.html">Login</a></li>
                        <li><a href="register.html">Register</a></li>
                        <li><a href="support.html">Support</a></li>
                        <li><a href="invoice.html">Invoice</a></li>
                        <li><a href="profile.html">Profile</a></li>
                        <li><a href="gallery.html">Gallery</a></li>
                    </ul>
                </li>
                <li class="has_sub">
                    <a href="#"><i class="icon-file-alt"></i>Pages #2  <span class="pull-right"><i class="icon-chevron-right"></i></span></a>
                    <ul>
                        <li><a href="media.html">Media</a></li>
                        <li><a href="statement.html">Statement</a></li>
                        <li><a href="error.html">Error</a></li>
                        <li><a href="error-log.html">Error Log</a></li>
                        <li><a href="calendar.html">Calendar</a></li>
                        <li><a href="grid.html">Grid</a></li>
                    </ul>
                </li>*@
            </ul>
        </div>
        <!-- Sidebar ends -->
        <!-- Main bar -->
        <div class="mainbar">
            <!-- Page heading -->
            <div class="page-head">
                <h2 class="pull-left">
                    <i class="icon-table"></i>View</h2>
                <!-- Breadcrumb -->
                <div class="bread-crumb pull-right">
                    <a href="index-2.html"><i class="icon-home"></i>Home</a>
                    <!-- Divider -->
                    <span class="divider">/</span> <a href="#" class="bread-current">Dashboard</a>
                </div>
                <div class="clearfix">
                </div>
            </div>
            <!-- Page heading ends -->
            <!-- Matter -->
            <div class="matter">
                @RenderBody()
            </div>
            <!-- Matter ends -->
        </div>
        <!-- Mainbar ends -->
        <div class="clearfix">
        </div>
    </div>
    <!-- Content ends -->
    <!-- Footer starts -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <!-- Copyright info -->
                    <p class="copy">
                        Copyright &copy; 2012 | <a href="#">Your Site</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer ends -->
    <!-- Scroll to top -->
    <span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span>
    <!-- JS -->
    <script src="@Url.Content("~/content/js/jquery.js")"></script>
    <!-- jQuery -->
    <script src="@Url.Content("~/content/js/bootstrap.js")"></script>
    <!-- Bootstrap -->
    <script src="@Url.Content("~/content/js/underscore-min.js")"></script>
    <!-- Undescore -->
    <script src="@Url.Content("~/content/js/jquery-ui-1.9.2.custom.min.js")"></script>
    <!-- jQuery UI -->
    <script src="@Url.Content("~/content/js/fullcalendar.min.js")"></script>
    <!-- Full Google Calendar - Calendar -->
    <script src="@Url.Content("~/content/js/jquery.rateit.min.js")"></script>
    <!-- RateIt - Star rating -->
    <script src="@Url.Content("~/content/js/jquery.prettyPhoto.js")"></script>
    <!-- prettyPhoto -->
    <!-- jQuery Flot -->
    <script src="@Url.Content("~/content/js/excanvas.min.js")"></script>
    <script src="@Url.Content("~/content/js/jquery.flot.js")"></script>
    <script src="@Url.Content("~/content/js/jquery.flot.resize.js")"></script>
    <script src="@Url.Content("~/content/js/jquery.flot.pie.js")"></script>
    <script src="@Url.Content("~/content/js/jquery.flot.stack.js")"></script>
    <!-- jQuery Notification - Noty -->
    <script src="@Url.Content("~/content/js/jquery.noty.js")"></script>
    <!-- jQuery Notify -->
    <script src="@Url.Content("~/content/js/themes/default.js")"></script>
    <!-- jQuery Notify -->
    <script src="@Url.Content("~/content/js/layouts/bottom.js")"></script>
    <!-- jQuery Notify -->
    <script src="@Url.Content("~/content/js/layouts/topRight.js")"></script>
    <!-- jQuery Notify -->
    <script src="@Url.Content("~/content/js/layouts/top.js")"></script>
    <!-- jQuery Notify -->
    <!-- jQuery Notification ends -->
    <script src="@Url.Content("~/content/js/sparklines.js")"></script>
    <!-- Sparklines -->
    <script src="@Url.Content("~/content/js/jquery.cleditor.min.js")"></script>
    <!-- CLEditor -->
    <script src="@Url.Content("~/content/js/bootstrap-datetimepicker.min.js")"></script>
    <!-- Date picker -->
    <script src="@Url.Content("~/content/js/bootstrap-switch.js")"></script>
    <!-- Bootstrap Toggle -->
    <script src="@Url.Content("~/content/js/jquery.bootstrap.wizard.js")"></script>
    <!-- Wizard -->
    <script src="@Url.Content("~/content/js/filter.js")"></script>
    <!-- Filter for support page -->
   
    <script src="@Url.Content("~/content/js/charts.js")"></script>
    <!-- Charts & Graphs -->
    <script src="@Url.Content("~/Content/js/jquery.cookie.js")"></script>
    <!-- Cookie -->
    <script src="@Url.Content("~/Content/js/jquery.drilldown.min.js")" type="text/javascript"></script>
    <!-- drilldown menu for pages-->
    <!--Amplify request/store-->
    <script src="@Url.Content("~/Content/js/amplify.core.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/js/amplify.request.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/js/jquery.dataTables.min.js")" type="text/javascript"></script>
    <script type="text/javascript" src="//cdn.datatables.net/plug-ins/28e7751dbec/integration/bootstrap/3/dataTables.bootstrap.js"></script>
     <script src="@Url.Content("~/content/js/custom.js")"></script>
    <!-- Custom codes -->
</body>
</html>
